<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="referrer" content="no-referrer"/>
    <title>烘焙馆-食谱详情页</title>
    <!-- import CSS -->
    <link href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css" rel="stylesheet">
    <link href="../css/myDefaultStyle.css" rel="stylesheet">
    <link href="../css/myMainStyle.css" rel="stylesheet">
    <link href="../css/myHdStyle.css" rel="stylesheet">
    <link href="../css/myFtStyle.css" rel="stylesheet">
    <link href="../css/myArticleStyle.css" rel="stylesheet">
    <style>
        #rightC1Drawer {
            max-height: 250px;
            transition: max-height .5s;
        }

        #rightC1Drawer:hover {
            max-height: 500px;
        }

        .el-card {
            border-radius: 30px;
            margin-bottom: 15px;
        }

        .rtNoPadCard .el-card__body {
            padding: 0;
        }

        .el-rate {
            margin: 0 auto;
            width: fit-content;
        }

        .one-reply-user-p {
            font-size: 13px;
            font-weight: 500;
            color: orange;

            margin-top: 30px;
            width: 100%;
            word-wrap: break-word;
        }

        .one-reply-content-p {
            font-size: 15px;
            font-weight: 400;
            width: 100%;
            word-wrap: break-word;
        }

        .one-reply-date-p {
            font-size: 13px;
            font-weight: 400;
            color: rgb(148, 153, 160);
            text-align: right;
            width: 100%;
            word-wrap: break-word;
        }
    </style>
</head>

<body>
<div id="app">
    <el-container>
        <el-header height="fit-content">
            <!--主导航栏开始-->
            <el-row gutter="20" id="hd-topBar-row" justify="space-between"
                    style="width: 1200px;height: 70px;margin: 0 auto"
                    type="flex">
                <!--图标开始-->
                <el-col span="4">
                    <img alt="icon.png" src="../imgs/icon/icon01.png" style="height: 100%">
                </el-col>
                <!--图标结束-->

                <!--导航开始-->
                <el-col span="8">
                    <a :href="item.url" class="hd-nav-a hoverable" v-for="item in hdTopMenuArr">
                        {{item.name}}</a>
                </el-col>
                <!--导航结束-->

                <!--涉及领域开始-->
                <el-col span="4">
                    <el-popover
                            placement="bottom"
                            style="z-index: 3;"
                            trigger="click"
                            width="160">
                        <div v-for="item in hdTopFastNavArr">
                            <el-popover
                                    close-delay="50"
                                    placement="left"
                                    trigger="hover"
                                    width="670">
                                <h2 style="margin: 20px">快速导航</h2>
                                <el-row gutter="10">
                                    <el-col span="6" v-for="nav in item.nav">
                                        <el-card class="hoverable"
                                                 style="background:rgba(255,255,255,.7);border: none">
                                            <p style="font-size: 16px;font-weight: bold">{{nav.name}}</p>
                                            <p style="font-size: 12px">{{nav.info}}</p>
                                        </el-card>
                                    </el-col>
                                </el-row>
                                <h2 style="margin: 20px">热门岗位</h2>
                                <el-row gutter="10">
                                    <el-col span="4" v-for="j in item.job">
                                        <el-card class="hoverable"
                                                 style="background:rgba(255,255,255,.7);border: none">
                                            <p style="font-size: 12px">{{j}}</p>
                                        </el-card>
                                    </el-col>
                                </el-row>
                                <p class="hoverable" slot="reference"
                                   style="font-size: 20px;font-weight: lighter;text-align: center;
                                       margin: 25px auto">
                                    {{item.text}}
                                </p>
                            </el-popover>
                        </div>
                        <p class="hoverable t" slot="reference"
                           style="font-size: 20px;font-weight: lighter;text-align: center">
                            涉及领域
                        </p>
                    </el-popover>
                </el-col>
                <!--涉及领域结束-->

                <!--搜索栏开始-->
                <el-col span="6">
                    <el-input placeholder="请输入要搜索的内容"
                              style="margin: 15px 0;"
                              suffix-icon="el-icon-search"
                              v-model="hdSearchText">
                    </el-input>
                </el-col>
                <!--搜索栏结束-->

                <!--登录注册图标开始-->
                <el-col span="2">
                    <el-popover placement="top" title="欢迎来到烘焙网!" trigger="hover" width=50px>
                        <el-row>
                            <el-col span="12">
                                <el-button class="hoverable" onclick="window.location.href='1.1登录注册页面.html'"
                                           type="info">
                                    注册
                                </el-button>
                            </el-col>
                            <el-col span="12">
                                <el-button class="hoverable" onclick="window.location.href='1.1登录注册页面.html'"
                                           type="success">
                                    登录
                                </el-button>
                            </el-col>
                        </el-row>

                        <div class="hoverable" slot="reference"
                             style="height:100%;width:100%;margin: 0 auto;font-size: 25px;line-height: 25px;display: table">
                            <i class="el-icon-user"
                               style="display: table-cell;text-align: center;vertical-align: middle"></i>
                        </div>
                    </el-popover>
                </el-col>
                <!--登录注册图标结束-->
            </el-row>
            <!--主导航栏结束-->
        </el-header>
        <el-main style="background:#f2f5f7;width: 100%;height: 100%">
            <el-row gutter="30" style="width: 1200px;margin: 0 auto">
                <el-col span="18">
                    <el-card style="height: fit-content;border-radius: 30px">
                        <div id="mn-article-div" style="padding:0 30px">
                        </div>
                    </el-card>
                    <!--发一条友善的评论-->
                    <el-card>
                        <h2 style="font-weight: lighter">发一条友善的评论</h2>
                        <el-divider></el-divider>
                        <el-row gutter="10">
                            <el-col span="22">
                                <el-input
                                        type="textarea"
                                        autosize
                                        v-model="replyText">
                                </el-input>
                            </el-col>
                            <el-col span="2">
                                <input class="hoverable" type="button" value="发布" v-on:click="postReply()"
                                       style="width: 100%;height: 33px;line-height: 100%;
                                       background:none;border: 1px solid #DCDFE6;border-radius: 4px;
                                       text-align: center;">
                            </el-col>
                        </el-row>
                        <div id="reply-div"></div>
                    </el-card>
                </el-col>
                <el-col span="6">
                    <!--作者信息-->
                    <el-card class="rtNoPadCard" style="position: relative">
                        <div
                                style="width: 100%;height: 90px;
                                background: #fff url(https://www.hongbeiguan.com/template/dean_gdcolor_200501/deancss/viewthread/avarbg1.jpg) top center no-repeat;">
                        </div>
                        <img src="../imgs/icon/icon02.png" width="90px" height="90px"
                             style="display: block;position: absolute;top: 0;
                             margin: 45px auto 0 89px;border-radius: 50%;">
                        <div style="clear: both;height: 55px"></div>
                        <p style="font-size: 16px;text-align: center;color: #333;font-weight: bold;margin: 5px auto">
                            烘焙馆</p>
                        <p style="font-size: 12px;text-align: center;color: #aaa;font-weight: bold;margin: 5px auto">
                            <i class="el-icon-edit"></i> 本文作者</p>
                        <p style="font-size: 12px;text-align: center;color: #aaa;font-weight: bold;margin: 5px auto">
                            <i class="el-icon-time"></i> 2020-7-17 18:29</p>
                        <el-row style="width: 100%;padding: 0 15px;margin: 15px auto">
                            <el-col span="8">
                                <p style="text-align: center;margin: 5px auto;font-size: 18px;color: #71767a">
                                    {{randInt(100, 500)}}</p>
                                <p style="text-align: center;margin: 5px auto;font-size: 12px;color:#aaa;">粉丝</p>
                            </el-col>
                            <el-col span="8" style="border-right: #eee solid 1px;border-left: #eee solid 1px">
                                <p style="text-align: center;margin: 5px auto;font-size: 18px;color: #71767a">
                                    {{randInt(100, 500)}}</p>
                                <p style="text-align: center;margin: 5px auto;font-size: 12px;color:#aaa;">粉丝</p>
                            </el-col>
                            <el-col span="8">
                                <p style="text-align: center;margin: 5px auto;font-size: 18px;color: #71767a">
                                    {{randInt(100, 500)}}</p>
                                <p style="text-align: center;margin: 5px auto;font-size: 12px;color:#aaa;">粉丝</p>
                            </el-col>
                        </el-row>
                    </el-card>
                    <!--作者其他文章-->
                    <el-card>
                        <h2 style="font-weight: lighter">作者其他文章</h2>
                        <el-divider></el-divider>
                        <el-row class="hoverable" gutter="10" v-for="item in rightOtrAtcArr" style="margin: 10px 0">
                            <el-col span="10" style="height: 60px">
                                <div :style="'background:url('+item.url+');background-size: cover;width:100%;height:100%'"></div>
                            </el-col>
                            <el-col span="14">
                                <p style="display: block;height:34px;overflow: hidden;margin:0 0 5px 0;font-size: 13px;color: #666">
                                    {{item.text}}</p>
                                <p style="margin:0 0 5px 0;font-weight: 400;font-size: 12px;color: #aaa"><i
                                        class="el-icon-time"></i>
                                    {{item.date}}</p>
                            </el-col>
                        </el-row>
                    </el-card>
                    <!--热门文章-->
                    <el-card>
                        <h2 style="font-weight: lighter">热门文章</h2>
                        <el-divider></el-divider>
                        <el-row class="hoverable" gutter="10" v-for="item in rightHotAtcArr" style="margin: 10px 0">
                            <el-col span="10" style="height: 60px">
                                <div :style="'background:url('+item.url+');background-size: cover;width:100%;height:100%'"></div>
                            </el-col>
                            <el-col span="14">
                                <p style="display: block;height:34px;overflow: hidden;margin:0 0 5px 0;font-size: 13px;color: #666">
                                    {{item.text}}</p>
                                <p style="margin:0 0 5px 0;font-weight: 400;font-size: 12px;color: #aaa"><i
                                        class="el-icon-time"></i>
                                    {{item.date}}</p>
                            </el-col>
                        </el-row>
                    </el-card>
                    <!--资讯幻灯片-->
                    <el-card>
                        <h2 style="font-weight: lighter">资料幻灯片</h2>
                        <el-divider></el-divider>
                        <div class="hoverable">
                            <el-carousel height="150px" indicator-position="outside">
                                <el-carousel-item :key="item" v-for="item in rightCaroArr">
                                    <img :src="item.url" height="100%" width="100%">
                                    <p class="small"
                                       style="position: absolute;left: 0;bottom: 0;
                               color: #e8e8e8;font-size: 90%;
                               display: block;margin: 0;padding: 14px;width: 100%;
                               background: linear-gradient(transparent 0%, black 100%)">
                                        {{ item.title }}</p>
                                </el-carousel-item>
                            </el-carousel>
                        </div>
                    </el-card>
                    <!--您愿意向朋友推荐此文章吗？-->
                    <el-card>
                        <h2 style="font-weight: lighter">您愿意向朋友推荐此文章吗？</h2>
                        <el-divider></el-divider>
                        <div>
                            <el-rate v-model="rateValue">
                            </el-rate>
                        </div>
                    </el-card>
                    <!--关注迪恩网络-->
                    <el-card id="rightC1Drawer"
                             style="padding: 0;background: white url('../imgs/other/01.png') no-repeat;">
                        <div style="height: fit-content">
                            <div style="width: 100%;height: 100px"></div>
                            <el-row gutter="10" style="margin: 0 auto">
                                <el-col span="10"><img alt="迪恩QR" src="../imgs/other/02.png" width="84px"></el-col>
                                <el-col span="14">
                                    <h4 style="margin: 10px 0;">关注迪恩网络</h4>
                                    <h5 style="margin: 0;">扫描关注,了解最新资讯</h5></el-col>
                            </el-row>
                        </div>
                        <el-row gutter="10" style="margin: 0 auto">
                            <el-col span="12">
                                <el-button class="hoverable">新浪微博</el-button>
                            </el-col>
                            <el-col span="12">
                                <el-button class="hoverable">官方微信</el-button>
                            </el-col>
                        </el-row>
                        <div>
                            <el-divider></el-divider>
                            <h6>联系人：高经理</h6>
                            <h6>电话：15562103797</h6>
                            <h6>EMAIL：3318850993@qq.com</h6>
                            <h6>地址：威海市创新创业大厦2702</h6>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
        </el-main>
        <el-footer id="el-ft" style="height: fit-content;width: 100%;">
            <!--footer开始-->
            <div id="ft-top-div" style="width: 100%;height: 220px;background:#2f3234;padding: 40px 0">
                <div style="width: 1200px;margin: 15px auto">
                    <el-row justify="space-between" type="flex">
                        <el-col span="5" style="height: 100%">
                            <div style="margin: 0 auto">
                                <img alt="iconImg" src="../imgs/icon/icon01.png" style="filter: grayscale(100%)">
                                <p>教程灵感就看烘焙馆</p>
                                <p>烘焙行业网络社区平台</p>
                                <p>全国百城上千个职位等你来</p>
                            </div>
                        </el-col>
                        <el-col span="3" style="height: 100%">
                            <div class="ftVerticalDivision"></div>
                        </el-col>
                        <el-col span="2" style="height: 100%">
                            <h3>关于我们</h3>
                            <a :href="item.url"
                               class="hoverable" v-for="item in ftTopItems[0]">
                                {{item.text}}
                            </a>
                        </el-col>
                        <el-col span="2" style="height: 100%">
                            <h3>支持与服务</h3>
                            <a :href="item.url"
                               class="hoverable" v-for="item in ftTopItems[1]">
                                {{item.text}}
                            </a>
                        </el-col>
                        <el-col span="2" style="height: 100%">
                            <h3>底部导航</h3>
                            <a :href="item.url"
                               class="hoverable" v-for="item in ftTopItems[2]">
                                {{item.text}}
                            </a>
                        </el-col>
                        <el-col span="3" style="height: 100%">
                            <div class="ftVerticalDivision"></div>
                        </el-col>
                        <el-col span="5" style="height: 100%">
                            <el-row style="margin: 15px auto">
                                <el-col span="8" v-for="item in ftIconArr">
                                    <el-popover
                                            placement="top"
                                            trigger="hover"
                                            width="100%">
                                        <el-row>
                                            <el-col span="12">
                                                <img :src="item.QRCard" alt="QRCard" height="120px">
                                            </el-col>
                                            <el-col span="12">
                                                <p>{{item.info1}}</p>
                                                <p :style="'color: '+item.color">{{item.info2}}</p>
                                            </el-col>
                                        </el-row>
                                        <el-button class="hoverable" slot="reference"
                                                   style="background:none;border: none;padding:0">
                                            <img :src="item.url" alt="iconImg" height="35px"
                                                 style="display: block;margin: 0 auto">
                                            <p style="text-align: center">{{item.text}}</p>
                                        </el-button>
                                    </el-popover>

                                </el-col>
                            </el-row>
                            <div style="margin: 0 auto;width: fit-content">
                                <span style="font-size: 54px;color: rgb(255,115,0)">烘焙</span>
                                <span style="font-size: 54px;color: #676b6f;font-style: normal">馆</span>
                                <p>烘焙行业网络社区平台</p>
                            </div>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <div id="ft-mid-div" style="width: 100%;height: 23px;background:#2c2f31;padding: 13px 0">
                <div style="width: 1200px;margin: 0 auto">
                    <span style="font-size: 16px;line-height: 30px;color: #676b6f;margin: 5px 0;">友情链接:</span>
                    <a :href="item.url"
                       class="hoverable" style="display: inline-block" v-for="item in ftMidItems">
                        {{item.text}}
                    </a>
                </div>
            </div>
            <div style="width: 100%;height: 23px;background:#292929;padding: 13px 0">
                <div style="width: 1200px;margin: 0 auto">
                    <p style="color: #aaa;text-align: center;font-size: 14px;line-height: 30px;margin: 0 auto">
                        Copyright ©2018-2020 烘焙舘Powered by©Discuz!技术支持：烘焙馆 ( 赣ICP备19004781号-4 )
                    </p>
                </div>
            </div>
            <!--footer结束-->
        </el-footer>
    </el-container>
</div>
</body>

<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script src="../js/myBasicTool.js"></script>
<script>
    function fill_article() {
        let mad = document.querySelector('#mn-article-div')

        for (let i in v.mnArticleArr) {
            let item = v.mnArticleArr[i]
            let type = item.type
            let content = item.content
            let new_ele

            if (type === 'Headline' || type === 'SecHeadline' || type === 'TrdHeadline' || type === 'Subtitle' || type === 'Text') {
                new_ele = document.createElement("p")
                new_ele.setAttribute("class", type)
                new_ele.innerText = content
            } else if (type === 'Abstract') {
                new_ele = document.createElement("p")
                new_ele.setAttribute("class", type)
                new_ele.innerText = '摘要：' + content
            } else if (type === 'Image') {
                new_ele = document.createElement("img")
                new_ele.setAttribute("class", type)
                new_ele.setAttribute("src", content)
            } else if (type === 'Division') {
                new_ele = document.createElement("div")
                new_ele.setAttribute("class", type)
            } else if (type === 'Movie') {
                new_ele = document.createElement("video")
                new_ele.setAttribute("class", type)
                new_ele.setAttribute("controls", 'controls')
                new_ele.setAttribute("muted", 'muted')

                let inner = document.createElement("source")
                inner.setAttribute("src", content)
                inner.setAttribute("type", 'audio/mp4')

                new_ele.append(inner)
            } else {
                console.log('出问题')
                console.log(item, type, content, new_ele)
            }

            mad.appendChild(new_ele)
        }
    }

    function postReply() {
        if (v.replyText !== '') {
            console.log('Reply:' + v.replyText)
            let rd = document.querySelector('#reply-div')

            let new_ele = document.createElement("p")
            new_ele.setAttribute("class", 'one-reply-user-p')
            new_ele.innerText = '某用户：'
            rd.appendChild(new_ele)

            new_ele = document.createElement("p")
            new_ele.setAttribute("class", 'one-reply-content-p')
            new_ele.innerText = v.replyText
            rd.appendChild(new_ele)

            new_ele = document.createElement("p")
            new_ele.setAttribute("class", 'one-reply-date-p')
            let date = new Date()
            new_ele.innerText = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds()
            rd.appendChild(new_ele)

            v.replyText = ''
        }
    }

    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                hdTopMenuArr: [
                    {name: '首页', url: '1.0首页.html'},
                    {name: '食谱', url: '2.1食谱专题页.html'},
                    {name: '视频', url: '2.2视频专题页.html'},
                    {name: '资讯', url: '2.3资讯专题页.html'},
                    {name: '招聘', url: '2.4招聘专题页.html'},
                ],
                hdSearchText: '',
                hdTopFastNavArr: [
                    {
                        text: '烘焙类',
                        nav: [{name: '烘焙师', info: '前端必学神器'},
                            {name: '烘焙中工', info: '烘焙中工'},
                            {name: '烘焙学徒', info: '热门html5教程'},
                            {name: '烘焙全能师', info: '零基础知识树'}],
                        job: ['面包师', '西点师', '烘焙主管', '产品研发', '面包主管', '常温蛋糕师']
                    },
                    {
                        text: '裱花类',
                        nav: [{name: '烘焙师', info: '前端必学神器'},
                            {name: '烘焙中工', info: '烘焙中工'},
                            {name: '烘焙学徒', info: '热门html5教程'},
                            {name: '烘焙全能师', info: '零基础知识树'}],
                        job: ['面包师', '西点师', '烘焙主管', '产品研发', '面包主管', '常温蛋糕师']
                    },
                    {
                        text: '艺术造型类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },
                    {
                        text: '生产管理类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },
                    {
                        text: '门店运营类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },
                    {
                        text: '咖啡饮品类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },
                    {
                        text: '区域销售类',
                        nav: [{name: '全部教程', info: '前端必学神器'},
                            {name: '最新教程', info: '最新Drupal教程'},
                            {name: '热门推荐', info: '热门Drupal教程'},
                            {name: '新手入门', info: '零基础知识树'}],
                        job: ['AI插画', 'MG动画', '动态特效', '动态建模', 'logo设计', '虚拟写实']
                    },],
                hdBottomMenuArr: [
                    {name: '分类信息', info: '免费快速发布行业信息'},
                    {name: '烘焙商圈', info: '专业烘焙行业商家推广平台'},
                    {name: '求职招聘', info: '专属烘焙行业求职招聘平台'},
                    {name: '烘焙学院', info: '精选线上课程免费在线看'},
                ],

                mnArticleArr: [
                    {
                        type: 'Headline',
                        content: '枣泥花式面包，好吃到爆'
                    },
                    {
                        type: 'Subtitle',
                        content: '作者：烘焙馆 | 发布时间：2020-7-17 18:29 | 阅读次数：' + randInt(2500, 5000)
                    },
                    {type: 'Division'},
                    {
                        type: 'Abstract',
                        content: '之前做了枣泥馅，配上花式面包，好吃到爆。枣泥花式面包的用料肉松面包面团 见肉松面包配方，枣泥适量枣泥花式面包的做法步骤1:配方见不一样的肉松面包，揉至完全扩展阶段28度发酵1-1.5小时。步骤2:面团翻面轻排气， ...'
                    },

                    {
                        type: 'SecHeadline',
                        content: '枣泥花式面包的烘焙技巧'
                    },
                    {
                        type: 'Image',
                        content: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182913x9n0ik1ar3rujqz3.jpg'
                    },

                    {
                        type: 'SecHeadline',
                        content: '枣泥花式面包的用料'
                    },
                    {
                        type: 'Text',
                        content: '肉松面包面团 见肉松面包配方，枣泥适量'
                    },

                    {
                        type: 'SecHeadline',
                        content: '枣泥花式面包的做法'
                    },
                    {
                        type: 'TrdHeadline',
                        content: '步骤1:'
                    },
                    {
                        type: 'Text',
                        content: '配方见不一样的肉松面包，揉至完全扩展阶段28度发酵1-1.5小时。'
                    },
                    {
                        type: 'Image',
                        content: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182913ut1trtss8e84ea2y.jpg'
                    },


                    {
                        type: 'TrdHeadline',
                        content: '步骤2:'
                    },
                    {
                        type: 'Text',
                        content: '面团翻面轻排气，松弛15-30分钟。'
                    },
                    {
                        type: 'Image',
                        content: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182913szk0vlg0ziiknzvx.jpg'
                    },

                    {
                        type: 'TrdHeadline',
                        content: '步骤3:'
                    },
                    {
                        type: 'Text',
                        content: '分割40克一个面团，松弛15-30分钟。'
                    },
                    {
                        type: 'Image',
                        content: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182913t044mux9umasgrrr.jpg'
                    },

                    {
                        type: 'TrdHeadline',
                        content: '步骤4:'
                    },
                    {
                        type: 'Text',
                        content: '准备自制的枣泥馅。'
                    },
                    {
                        type: 'Image',
                        content: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182913v4iysp1xinijow0z.jpg'
                    },

                    {
                        type: 'TrdHeadline',
                        content: '步骤5:'
                    },
                    {
                        type: 'Text',
                        content: '充分排气包入枣泥馅20-25克一个，再用刀切4道。'
                    },
                    {
                        type: 'Image',
                        content: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182913u9r0zkm1w4cgo01g.jpg'
                    },

                    {
                        type: 'TrdHeadline',
                        content: '步骤6:'
                    },
                    {
                        type: 'Text',
                        content: '37度醒发60分钟，表面刷蛋液撒上黑芝麻，烤箱预热上火200，下火190度烤6-8分钟。'
                    },
                    {
                        type: 'Image',
                        content: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182914emuog03m3ogkz3g3.jpg'
                    },

                    {
                        type: 'TrdHeadline',
                        content: '步骤7:'
                    },
                    {
                        type: 'Text',
                        content: '美不。'
                    },
                    {
                        type: 'Image',
                        content: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182914avdgmvkjd42g49kd.jpg'
                    },
                ],

                rightOtrAtcArr: [
                    {
                        url: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/170235rbivnn6x67yvg7nd.jpg',
                        text: '巧克力纸杯蛋糕，百分百成功超好吃',
                        date: '2020/07/17'
                    },
                    {
                        url: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/170521ggvcjjpvkxjmpjgg.jpg',
                        text: '今日甜品·Q弹浓郁的网红烤奶块',
                        date: '2020/07/17'
                    },
                    {
                        url: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/172300kx1nb4xrxjz1i6ex.jpg',
                        text: '85度C又出事了，饮品里喝出“订书针”，店员的',
                        date: '2020/07/17'
                    },
                    {
                        url: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/172539yj7nf7q9nnzj7dkw.jpg',
                        text: '蔓越莓绿豆糕，味道还不错值得一试!',
                        date: '2020/07/17'
                    },
                ],
                rightHotAtcArr: [
                    {
                        url: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182526tk5k99e15zb9zcb9.jpg',
                        text: '心形火龙果椰蓉面包,任谁都抗拒不了',
                        date: '2020/07/17'
                    },
                    {
                        url: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/182816ep6y6iiu1psgsyiy.png',
                        text: '开放式三明治,一份小清新快手早餐',
                        date: '2020/07/17'
                    },
                    {
                        url: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/170521ggvcjjpvkxjmpjgg.jpg',
                        text: '今日甜品·Q弹浓郁的网红烤奶块',
                        date: '2020/07/17'
                    },
                    {
                        url: 'https://www.hongbeiguan.com/data/attachment/portal/202007/17/181653ts30lilcz9f4hfvl.jpg',
                        text: '爆浆抹茶甜甜圈面包，自带幸福感的小甜甜',
                        date: '2020/07/17'
                    },
                ],
                rightCaroArr: [
                    {
                        url: '../imgs/mn/info/01.jpg',
                        title: '成都一蛋糕店遭恶意退单，...'
                    },
                    {
                        url: '../imgs/mn/info/02.jpg',
                        title: '烘焙行业越来越难做了？并...'
                    },
                    {
                        url: '../imgs/mn/info/03.png',
                        title: '济南一知名品牌面包连锁店，...'
                    },
                    {
                        url: '../imgs/mn/info/04.jpg',
                        title: '85度C又出事了，饮品里喝出...'
                    }
                ],
                rateValue: 5,
                replyText: '',

                ftTopItems: [
                    [
                        {text: '关于我们', url: ''},
                        {text: '烘焙学院', url: ''},
                        {text: '烘焙食谱', url: ''},
                        {text: '分类信息', url: ''},
                        {text: '求职招聘', url: ''},
                        {text: '社区交流', url: ''}],
                    [
                        {text: '联系我们', url: ''},
                        {text: '广告投放', url: ''},
                        {text: '用户协议', url: ''},
                        {text: '友情链接', url: ''},
                        {text: '在线反馈', url: ''},
                        {text: '我发投稿', url: ''}],
                    [
                        {text: 'Archiver', url: ''},
                        {text: '手机版', url: ''},
                        {text: '小黑屋', url: ''}]
                ],
                ftIconArr: [
                    {
                        url: '../imgs/ft/wx.png',
                        text: '官方微信',
                        QRCard: '../imgs/ft/qrwx.png',
                        info1: '每天官微五分钟一年萌新变大神',
                        info2: '扫码关注官方微信',
                        color: '#04c15f'
                    },
                    {
                        url: '../imgs/ft/wb.png',
                        text: '新浪微博',
                        QRCard: '../imgs/ft/qrwb.png',
                        info1: '每天50篇设计干货30万设计师关注！',
                        info2: '访问新浪微博',
                        color: '#ee231c'
                    },
                    {
                        url: '../imgs/ft/qq.png',
                        text: '官方客服',
                        QRCard: '../imgs/ft/qrwx.png',
                        info1: '专业客服24h在线解答问题',
                        info2: '扫码添加官方客服',
                        color: '#2f85f5'
                    },
                ],
                ftMidItems: [
                    {url: '', text: '申请友情链接'}, {url: '', text: '烘焙馆'}, {url: '', text: '烘焙食谱'},
                    {url: '', text: '烘焙网'}, {url: '', text: '可欣互动'}, {url: '', text: '特特美食网'},
                    {url: '', text: '成都地暖公司'}, {url: '', text: '汽车排行榜'}, {url: '', text: '展厅设计'},
                    {url: '', text: '灵芝孢子粉'}, {url: '', text: '重庆网'}, {url: '', text: '滋补养生'},
                    {url: '', text: '学术论文投稿'}, {url: '', text: '玻璃钢管道'}, {url: '', text: '精酿啤酒'}]
            }
        },
        method: {}
    })

    fill_article()

</script>
</html>